.bg-w100p {
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.bg-main {
  background-color: $main-color
}

.bg-no-repeat {
  background-repeat: no-repeat;
}

.bg-active:active {
  background-color: #eee;
}

.bg-opacity {
  opacity: 0;
}

.bg-hover:hover {
  background-color: #f7f7f7;
}

.bg-gradual-qq {
  background-image: linear-gradient(135deg, #3dd0ff, #39a9ff);
  color: #ffffff;
}

.bg-gradual-wx {
  background-image: linear-gradient(135deg, #69F0AE, #00C853);
  color: #ffffff;
}

.bg-gradual-phone {
  background-image: linear-gradient(135deg, #FFCC80, #FFA726);
  color: #ffffff;
}

.bg-qq {
  background: #0bbafd;
  color: #ffffff;
}
